<template>
  <view class="flex-col justify-start items-end section">
    <view class="flex-col section_2">
      <view class="flex-col group_8" style="display: flex; justify-content: center;">
        <view class="flex-row">
          <text class="font_7">设备已离线</text>
        </view>
      </view>
      <view class="group_9" style="display: flex; justify-content: center;">
        <view class="flex-row">
          <text class="font_8">请将设备接通电源，或将设备断</text>
          <text class="font_9">电后重新上电</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  components: {},
  props: ['message'],
  data() {
    return {
      navTo(url) {
        uni.navigateTo({
          url: url,
          success(res) {
            console.log('成功啦', res);
          },
          fail(err) {
            console.log('失败啦', err);
          }
        })
      },
    };
  },

  methods: {},
};
</script>

<style scoped lang="scss">
.section {
  display: flex;
  align-items: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  padding-bottom: 20upx;
}

.section_2 {
  background-color: #ffffff;
  border-radius: 35.42rpx;
  height: 450rpx;
  width: 700rpx;
}

.group_8 {
  display: flex;
  align-items: center; // 垂直居中对齐
  margin-top: 100rpx;
  // margin-left: -28rpx;
}

.group_9 {
  display: flex;
  align-items: center; // 垂直居中对齐
  margin-top: 60rpx;
  // margin-left: 28rpx;
}

.group_6 {
  margin-top: 40.83rpx;
}

.shrink-0 {
  margin-top: -20rpx;
  margin-left: 28rpx;
}

.text_11 {
  line-height: 18.75rpx;
}

.font_4 {
  font-size: 37.5rpx;
  font-family: SourceHanSansCN;
  line-height: 35.42rpx;

  font-weight: normal;
  color: #000000;
}

.font_2 {
  font-size: 25rpx;
  font-family: SourceHanSansCN;
  line-height: 16.67rpx;

  font-weight: normal;
  color: #808080;
}

.font_7 {
  font-size: 37.5rpx;
  font-family: SourceHanSansCN;
  // margin-left: 30rpx;
  // margin-top: -15rpx;
}

.font_8 {
  color: #808080;
  font-size: 32rpx;
  font-family: SourceHanSansCN;

}

.font_9 {
  color: #808080;
  font-size: 32rpx;
  font-family: SourceHanSansCN;

}

.image_12 {
  width: 37.5rpx;
  height: 37.5rpx;
  align-self: flex-start; // 设置图像的对齐方式为起始位置
}

// .sure{
// 	width: 250rpx;
// 	height: 90rpx;
// 	background-color: #537174;
// }
.cancel {
  width: 290rpx;
  height: 80rpx;
  border-radius: 50rpx;
  margin-left: 180rpx;
}
</style>
